.user_page_prd_top {
  width: 100%; height: rem(442);
  background: url($imgPath + '/member/open_vip_prd_bg.png') no-repeat top center;
  background-size: 100% 100%;
}
.user_page_prd_content {
  background: #DEC590; padding-bottom: rem(50);
  .user_page_prd_list {
    padding: 0 rem(15);
    .product_content {
      padding: rem(50) rem(20); border-radius: rem(20);
      margin-bottom: rem(30); position: relative;
      background: #fff; text-align: center; z-index: 5;
      .vip_product_card_left {
        width: rem(270); height: rem(272); display: inline-block;
        // background: url($imgPath + '/member/user_page_shopping.png') no-repeat top center;
        background-size: 100% 100%; z-index: 1; border-radius: rem(15);
        position: absolute; top: rem(50);
      }
      .vip_product_card {
        height: rem(270); position: relative; z-index: 10; width: rem(680); display: inline-block;
        background: url($imgPath + '/member/vip_product_bg.png') no-repeat top center;
        background-size: 100% 100%;
        .vip_product_card_middle {
          position: absolute; left: rem(300); top: rem(25);
          .vip_product_card_middle_top {
            width: rem(220); height: rem(140);
            background: url($imgPath + '/member/vip_prd_price_bg.png') no-repeat top center;
            background-size: 100% 100%; margin-bottom: rem(30);
            -webkit-transform: scale(0.75,0.75);
            position: absolute; left: rem(-33); top: rem(-30);
            p {
              padding-top: rem(8);
              font-size: rem(39); color: #FEFEFE; text-align: center;
              span {font-size: rem(20); }
              &:nth-child(1) {
                padding-top: rem(15);
              }
              &:nth-child(2) {
                font-size: rem(14); color: #fff;
              }
              &:nth-child(3) {
                font-size: rem(14); color: #fff;
              }
            }
          }
          .vip_product_card_middle_bottom {
            position: absolute; left: rem(1); top: rem(130);
            img {
              width: rem(152); height: rem(100);
            }
          }
        }
        .vip_product_card_right {
          width: rem(170); display: inline-block;
          position: absolute; right: 0; padding: rem(25) rem(15);
          .vip_product_card_right_top {
            p {
              font-size: rem(19); color: #727272;
              overflow: hidden; text-overflow: ellipsis;
              display: -webkit-box; -webkit-line-clamp: 3;
              -webkit-box-orient: vertical; text-align: left;
            }
          }
          .vip_product_card_right_bottom {
            position: absolute; left: rem(20); top: rem(160);
            p {
              padding-top: rem(20);
              font-size: rem(40); color: #E93323;
              span{ font-size: rem(24); color: #E93323;}
            }
          }
        }
      }
      .vip_product_details {
        border-top: 1px dashed #B7A27B;
        margin-top: rem(40); padding: rem(30) rem(20) 0 rem(20);
        display: flex; justify-content: space-between; align-items: center;
        .vip_product_details_left {
          h3 {
            font-size: rem(28); color: #5C4D33;
            overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
            -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left;
          }
          p { font-size: rem(18); color: #8B8B8B; padding-top: rem(20); font-weight:500;
            overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
            -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left;
          }
        }
        .vip_product_details_right {
          padding-left: rem(40); text-indent: -999px;
          .vip_product_btn {
            width: rem(193); height: rem(72);
            background: url($imgPath + '/member/vip_prd_buy_btn.png') no-repeat center;
            background-size: 100% 100%;
          }
          .vip_prd_invite_btn {
            width: rem(193); height: rem(72);
            background: url($imgPath + '/member/vip_prd_invite_btn.png') no-repeat center;
            background-size: 100% 100%;
          }
        }
      }
    }
    .limit_product_content {
      background: url($imgPath + '/member/limit_product_content_bg.png') no-repeat top center;
      background-size: 100% 100%;
      .vip_product_card {
        background: url($imgPath + '/member/vip_limit_product_bg.png') no-repeat top center;
        background-size: 100% 100%;
      }
      .vip_product_details {
        .vip_product_details_left {
          h3 { color: #F7EDB8; }
          p { color: #C7A76D; }
        }
        .vip_product_details_right {
          text-indent: 0;
          .vip_product_btn, .vip_prd_invite_btn {
            height: rem(84);
            background: url($imgPath + '/member/limit_vip_product_bg.png') no-repeat center;
            background-size: 100% 100%;
            display: flex; justify-content: center; line-height: rem(75);
            font-size: rem(32); color: #F4EBE1;
          }
        }
      }
      .limit_prd_tips {
        width: rem(109); height: rem(109);
        background: url($imgPath + '/member/limit_prd_tips.png') no-repeat center;
        background-size: 100% 100%;
        position: absolute; left: rem(7); top: 0; z-index: 99;
      }
      .limit_prd_leaf {
        width: rem(80); height: rem(94);
        background: url($imgPath + '/member/limit_feat.png') no-repeat center;
        background-size: 100% 100%;
        position: absolute; right: 0; top: 0; z-index: 999;
      }
    }
  }
}
